<!--
 * @Author: Wangtao
 * @Date: 2020-09-21 09:55:09
 * @LastEditors: Wangtao
 * @LastEditTime: 2020-11-04 16:39:19
-->
<template>
  <div class='data-center-container'>
    <div class="oprate">
      <slot name="oprate"></slot>
    </div>
    <div class="content">
      <slot name="content"></slot>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
@Component({
  name: 'DataCenterContainer',
  components: {}
})

export default class DrawerContainer extends Vue {

}
</script>

<style lang="stylus" scoped>
.data-center-container
  padding 24px 24px 0
  box-sizing border-box
  height 100%
  .oprate
    height 60px
    overflow hidden
  .content
    height calc(100% - 60px)
</style>
